﻿<div class="DFNW-HeaderAndToolbar">
    <div class="DFNW-Info" data-bind="css:{'DFMN-Info-red': new Date(LastFilter.UhrzeitVon).setHours(0,0,0,0) != (new Date()).setHours(0,0,0,0)}">
        <div class="DFNW-Title" data-bind="text: Application.Resources.Views.Dfnw.Title">Durchfuhrungsnachweis</div>
        <!-- ko if: LastFilter.UhrzeitVon -->
        <span data-bind="text: Globalize.format(LastFilter.UhrzeitVon, 'dd.MM.yyyy HH:mm')">DateTime</span>
        <span> - </span>
        <span data-bind="text: Globalize.format(LastFilter.UhrzeitBis, 't')">DateTime</span>
        <span> | </span>
        <span data-bind="text: LastFilter.Status">SelectedFilter</span>
        <!-- /ko -->
    </div>
    <button id="btnFilter" class="orangeButton fa fa-filter fa-2x" data-bind="click: filterVisibilityClick"></button>
    <div class="DFNW-ButtonsSeparetor"></div>
    <button id="btnDone" class="orangeButton fa fa-check fa-2x" data-bind="click: massnahmeErledigtClick.bind($root), enable:$root.SelectedMassnahme.IsChangeable, css: { 'buttonInactive': !$root.SelectedMassnahme.IsChangeable }"></button>
    <button id="btnFailed" class="orangeButton fa fa-times fa-2x" data-bind="click: massnahmeNichtErledigtClick.bind($root), enable:$root.SelectedMassnahme.IsChangeable, css: { 'buttonInactive': !$root.SelectedMassnahme.IsChangeable }"></button>
    <button id="btnCalendar" class="orangeButton fa fa-calendar fa-2x" data-bind="click: massnahmeVerschobenClick.bind($root), enable:$root.SelectedMassnahme.IsMoveable && $root.SelectedMassnahme.IsChangeable, css: { 'buttonInactive': !$root.SelectedMassnahme.IsMoveable || !$root.SelectedMassnahme.IsChangeable }"></button>
    <button id="btnThrash" class="orangeButton fa fa-trash-o fa-2x" data-bind="click: massnahmeStorniertClick.bind($root)"></button>
    <div id="DFNW-colorRegister" class="colorRegister"></div>
</div>
<div class="DFNW-ListsWrapper">
    <div class="DFNW-MassnahmeList overflow-IndicatorContener">
        <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
        <div class="DFNW-List scroll-y">
            <ul class="DFNW-List-ul padding-list" data-bind="foreach: Massnahmen">
                <li data-bind="click: $parent.massnahmeClick.bind($data, $root), testOverflow: $root.Massnahmen, longtap: $parent.massnahmeLongTap.bind($data, $root), css: { 'DFNW-orange-selected': $root.SelectedMassnahme && $root.SelectedMassnahme.DurchfuehrungMassnahmeID == DurchfuehrungMassnahmeID,
                            'EinzelfallMassnahme': MassnahmeType == $root.DFMassnahmeType.EinzelfallMassnahme,
                            'ZusatzMassnahme': MassnahmeType == $root.DFMassnahmeType.ZusatzMassnahme,
                            'FBMassnahme': MassnahmeType == $root.DFMassnahmeType.FBMassnahme,
                            'Medikament': MassnahmeType == $root.DFMassnahmeType.Medikament,
                            'Aufsicht': MassnahmeType == $root.DFMassnahmeType.Aufsicht,
                            'Behandlungsauftrag': MassnahmeType == $root.DFMassnahmeType.Behandlungsauftrag,
                            'EinzelfallBehandlungsauftrag': MassnahmeType == $root.DFMassnahmeType.EinzelfallBehandlungsauftrag,
                            'Termin': MassnahmeType == $root.DFMassnahmeType.Termin,
                            'Pflegeplanung': MassnahmeType == $root.DFMassnahmeType.Pflegeplanung,
                            'SpezialMedikament': MassnahmeType == $root.DFMassnahmeType.SpezialMedikament,
                            'Zeitpunkt': MassnahmeType == $root.DFMassnahmeType.Zeitpunkt}">
                    <div class="DFNW-ListItemText" data-bind="css: { 'expandText': $root.SelectedMassnahme && $root.SelectedMassnahme.DurchfuehrungMassnahmeID == DurchfuehrungMassnahmeID}">
                        <div class="spanBold DFNW-ListItemTimeSpan" data-bind="text: Zeitbereich"></div>
                        <span class="spanBold" data-bind="text: MassnahmeText"></span>
                        <span class="spanBr  DFNW-ListItemDetails" data-bind="foreach: Leistungs, css: { 'expandText': $root.SelectedMassnahme && $root.SelectedMassnahme.DurchfuehrungMassnahmeID == DurchfuehrungMassnahmeID}">
                            <span data-bind="    text: Leistung"></span><span data-bind="if: $index() < ($parent.Leistungs.length - 1)">, </span>
                        </span>
                    </div>
                    <button class="orangeButton fa fa-file-text fa-2x" data-bind="css: { hide: !IsPflege }, click: $parent.pflegeClick.bind($data, $root)"></button>
                    <i class="fa fa-2x tick" data-bind="css: {
'fa-check': Erledigt == 2 || Erledigt == 1, 'fa-minus': NichtErledigt == 2 || NichtErledigt == 1,
    'fa-calendar': Verschoben == 2, 'fa-trash-o': Storniert == 2
},
    style: { color: Erledigt == 2 ? 'green' : NichtErledigt == 2 || Storniert == 2 ? 'red' : 'orange' }"></i>
                </li>
            </ul>
        </div>
    </div>
    <div class="DFNW-Leistungen">
        <div class="DFNW-LeistungenHeaderAndToolbar">
            <h2 class="sectionHeader">Leistungen: <span data-bind="text: SelectedMassnahme.MassnahmeText">Zimmerversorgung</span></h2>
            <div class="leistungenButtons">
                <button class="orangeButton fa fa-check fa-2x" data-bind="click: $root.leistungErledigtClick.bind($root), enable: SelectedLeistung.IsChangeable, css:{buttonInactive: !SelectedLeistung.IsChangeable }"></button>
                <button class="orangeButton fa fa-times fa-2x" data-bind="click: $root.leistungNichtErledigtClick.bind($root), enable: SelectedLeistung.IsChangeable, css:{buttonInactive: !SelectedLeistung.IsChangeable }"></button>
                <button class="orangeButton fa fa-pencil fa-2x" data-bind="click: $root.leistungEditClick.bind($root), enable: SelectedLeistung.IsChangeable, css:{buttonInactive: !SelectedLeistung.IsChangeable }"></button>
            </div>
        </div>
        <div class="DFNW-LeistungenList overflow-IndicatorContener">
            <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
            <div class="scroll-y DFNW-ListWrapper">
                <ul class="padding-list" data-bind="foreach: SelectedMassnahme.Leistungs">
                    <li data-bind="click: $parent.leistungClick.bind($data, $root), longtap: $parent.leistungLongTap.bind($data, $root), testOverflow: $root.SelectedMassnahme.Leistungs, css: { 'DFNW-orange-selected': $root.SelectedLeistung && $root.SelectedLeistung.DurchfuehrungLeistungID == $data.DurchfuehrungLeistungID,
                            'EinzelfallMassnahme': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.EinzelfallMassnahme,
                            'ZusatzMassnahme': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.ZusatzMassnahme,
                            'FBMassnahme': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.FBMassnahme,
                            'Medikament': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.Medikament,
                            'Aufsicht': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.Aufsicht,
                            'Behandlungsauftrag': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.Behandlungsauftrag,
                            'EinzelfallBehandlungsauftrag': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.EinzelfallBehandlungsauftrag,
                            'Termin': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.Termin,
                            'Pflegeplanung': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.Pflegeplanung,
                            'SpezialMedikament': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.SpezialMedikament,
                            'Zeitpunkt': $root.SelectedMassnahme.MassnahmeType == $root.DFMassnahmeType.Zeitpunkt}">
                        <div class="DFNW-LeistungenList-item">
                            <span class="DFNW-Leistung-description" data-bind="text: Leistung"></span>
                            <span class="DFNW-Leistungen-zeitbereich" data-bind="text: Zeitbereich"></span>
                            <br />
                            <span class="DFNW-Leistungen-zeitbereich">
                                E: <span data-bind="text: Globalize.format(Erbracht, 'HH:mm')"></span>
                                | D: <span data-bind="text: Dauer"></span>
                            </span>
                        </div>
                        <i class="fa fa-2x tick" data-bind="css: { 'fa-check': Erledigt == 2, 'fa-minus': NichtErledigt == 2 },
    style: { color: Erledigt == 2 ? 'green' : 'red' }"></i>
                    </li>
                </ul>
            </div>
        </div>
        <div class="DFNW-Save">
            <button class="orangeButton DFNW-saveButton fa fa-save fa-5x" data-bind="click: signClick"></button>
        </div>
    </div>
</div>

<div class="DFNW-Buttons">
    <button id="btnEinzelfall" class="blueRoundButton fa fa-sun-o fa-2x" data-bind="css: { buttonInactive: EinzelfallList.length == 0 }, click: btnEinzelfallClick"></button>
    <button id="btnBehandlungsauftrag" class="blueRoundButton fa fa-folder-o fa-2x" data-bind="css: { buttonInactive: BehandlungsauftragList.length == 0 }, click: btnBehandlungsauftragClick"></button>
    <button id="btnMedikamenten" class="blueRoundButton" data-bind="css: { buttonInactive: MedikamentenList.length == 0 }, click: btnMedikamentenClick"><img src="img/pill.png" /></button>
    <button id="btnAnordnung" class="blueRoundButton fa fa-user-md fa-2x" data-bind="css: { buttonInactive: AnordnungList.length == 0 }, click: btnAnordnungClick, visible: anordnungRights.Edit"></button>
    <button id="btnFBMassnahme" class="blueRoundButton fa fa-ban fa-2x" data-bind="css: { buttonInactive: FBMassnahmeList.length == 0 }, click: btnFBMassnahmeClick"></button>
    <button id="btnZusatzmassnahme" class="blueRoundButton fa fa-plus-square fa-2x" data-bind="css: { buttonInactive: ZusatzmassnahmeList.length == 0 }, click: btnZusatzmassnahmeClick"></button>
</div>


<!--custom windows-->
<div class="einzelfall-background" style="display: none">
    <div class="Window showWindow">
        <div class="close-custom fa fa-times fa-2x" data-bind="click: closeAllWindows"></div>
        <div id="DFNW-Window-content" class="overflow-IndicatorContener">            

            <div id="EinzelfallListWindow" style="display: none;">
                <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
                <div class="einzelfallList">
                    <ul class="in-sectionList" data-bind="foreach: CurrentEinzelfallList">
                        <li data-bind="testOverflow: true">
                            <div class="well" data-bind="text: Description, click: $root.newEinzellfallBaseClick.bind($data, $root)">
                                <div class="description"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>            
        </div>
    </div>
</div>

<!--cutom windows-->
<div id="einzelfallWindow" style="display: none">
</div>

<div id="nichtErbringungWindow" style="display: none;">
</div>

<div id="verschobenWindow" style="display: none;">                
</div>

<div id="stornoWindow" style="display: none;">
</div>

<div id="leistungNichtErbringungWindow" style="display: none;">                
</div>

<div id="leistungEditWindow" style="display: none;" class="window">
</div>

<div id="dfnwFilter" style="display: none">
</div>